﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <meta name="keywords" content="@ViewBag.Keywords" />
    <link href="@Url.Content("~/Content/themes/home/site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.imagesloaded.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/DD_belatedPNG_0.0.8a-min.js")" type="text/javascript"></script>
    <!--[if lt IE 7]>
    <link href="@Url.Content("~/Content/themes/home/site_ie6.css")" rel="stylesheet" type="text/css" />
    <![endif]-->
</head>
<body>
    <!--[if lt IE 7]>
    <div class="ie6_tips">由于您的浏览器过旧，网站内容不能正常显示，请安装较新的浏览器，如：遨游、搜狗、360、Chorme等</div>
    <![endif]-->
    <div class="home_background_contain">
        <img class="home_background_img" alt="" />
        <div class="home_background_overlay">
        </div>
    </div>
    <div class="home_content_contain">
        <div class="home_nav_box">
            <div class="home_nav_top">
            </div>
            <div class="home_nav_middle">
                <ul class="main_menu">
                    <li><a class="animate_link" href="/">
                        <p>
                            首页</p>
                        <p>
                            Home</p>
                    </a></li>
                    <li><a class="animate_link" href="/Home/Team">
                        <p>
                            团队介绍</p>
                        <p>
                            Team</p>
                    </a></li>
                    <li><a class="animate_link has_sub_menu">
                        <p>
                            相册</p>
                        <p>
                            Album</p>
                    </a>
                        <div class="sub_menu">
                            <div class="home_nav_top">
                            </div>
                            <div class="home_nav_middle">
                                <ul>
                                    @{
                                        for (int i = 0; i < Model.AlbumList.Count; i++)
                                        {
                                            Silvia.Album album = Model.AlbumList[i];
                                            if (i == Model.AlbumList.Count - 1)
                                            {
                                        <li class="last"><a class="animate_link" href="/Home/Album?id=@album.Id">@album.Name</a></li>
                                            }
                                            else
                                            {
                                        <li><a class="animate_link" href="/Home/Album?id=@album.Id">@album.Name</a></li>    
                                            }
                                        }
                                    }
                                </ul>
                            </div>
                            <div class="home_nav_bottom">
                            </div>
                        </div>
                    </li>
                    <li class="last"><a class="animate_link" href="/Home/PriceBook">
                        <p>
                            服务报价</p>
                        <p>
                            Price Book</p>
                    </a></li>
                </ul>
            </div>
            <div class="home_nav_bottom">
            </div>
        </div>
        <div class="sub_page_body">
            @RenderBody()
        </div>
        <div class="home_footer">
            Copyright 2012 - 2020 Anson's Project.
        </div>
    </div>
</body>
</html>
<script src="@Url.Content("~/Scripts/jquery.animate-colors.js")" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {
        initSubMenu();
    });

    $('.animate_link').mouseenter(function () {
        $(this).css({ "color": "#ffffff" });
    });
    $('.animate_link').mouseleave(function () {
        $(this).css({ "color": "#635346" });
    });

    function initSubMenu() {
        $('.has_sub_menu').mouseenter(function () {
            $('.sub_menu', this.parent).css("top", $(this).offset().top - 80);
            $('.sub_menu', this.parent).show();
            $('.sub_menu', this.parent).stop(true, false).animate({ left: 160, opacity: 1 }, 300);
        });
        $('.has_sub_menu').parent().mouseleave(function () {
            $('.sub_menu', this.parent).stop(true, false).animate({ left: 200, opacity: 0 }, 300, function () {
                $('.sub_menu', this.parent).hide();
            });
        });
        $('.sub_menu').mouseenter(function (e) {
            e.stopImmediatePropagation();
        });
    }
</script>
